<!--
 * 启动页
 * 在此页面处理应用启动逻辑
 *
 * @author 济南晨霜信息技术有限公司
 * @mobile 18560000860 / 18754137913
 -->
<template>
    <page-root class="page-root" headerMode="none" headerScrollMode="">
        <view class="app-gap-sides page-content">
            <!-- # 应用Logo -->
            <image class="app-logo" src="@/static/logo.jpg" mode="widthFix" />
            <!-- # 应用名称 -->
            <text class="app-name">{{ appName }}</text>
        </view>
    </page-root>
</template>

<script setup>
    import { ref, computed } from "vue";
    import { onLoad, onShow, onReady, onReachBottom, onPullDownRefresh, onShareAppMessage, onShareTimeline, onPageScroll } from "@dcloudio/uni-app";
    import { useUserStore } from "@/stores";
    import { routeToLoginAndConfigAfterPagePath, getHomePagePath } from "@/router";

    // stores
    const userStore = useUserStore();

    // 应用名称
    const appName = ref(uni.getSystemInfoSync().appName);

    // 页面加载，处理逻辑
    onLoad((options) => {
        console.log("启动页加载参数 ->", options);

        // 1. 用户未登录，跳转到登录页
        if (!userStore.loginStatus) {
            routeToLoginAndConfigAfterPagePath(getHomePagePath());
            return;
        }

        // 2. 用户登录了，跳转到首页
        uni.$hiRouter.go(getHomePagePath());
    });

    // 页面滚动，不建议删除，因为 <page-root> 组件中如果需要处理滚动相关的逻辑，就需要在页面中定义，否则 <page-root> 中的 onPageScroll 生命周期不生效
    onPageScroll((e) => {});
</script>

<style lang="scss" scoped>
    .page-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .app-logo {
            width: 120rpx;
            height: 120rpx;
            border-radius: 50%;
            margin-bottom: 16rpx;
        }

        .app-name {
            font-size: 24rpx;
            color: var(--c8);
        }
    }
</style>
